{% extends 'base.html' %}
{% block main_window %}
      <!-- Main window -->
      <div class="main_container" id="forms_page">
        <div class="row-fluid">
          <ul class="breadcrumb">
            <li><a href="#">Home</a> <span class="divider">/</span></li>
            <li><a href="#">Features</a> <span class="divider">/</span></li>
            <li class="active">Forms</li>
          </ul>
          <h2 class="heading">
                Forms
                <div class="btn-group pull-right">
                  <button class="btn"><i class="icon-download-alt"></i> Export</button>
                  <button class="btn"><i class="icon-envelope"></i> Email</button>
                  <button class="btn"><i class="icon-cog"></i> Settings</button>
                </div>
          </h2>
        </div>
        <div class="row-fluid">
          <div class="widget widget-padding span12">
            <div class="widget-header">
              <i class="icon-list-alt"></i><h5>Basic Inputs</h5>
              <div class="widget-buttons">
                  <a href="#" data-title="Collapse" data-collapsed="false" class="tip collapse"><i class="icon-chevron-up"></i></a>
              </div>
            </div>
            <div class="widget-body">
              <div class="widget-forms clearfix">
                <form class="form-horizontal" id="get_mac"  method="POST" action="/get_mac/">
                    {% csrf_token %}
                  <div class="control-group">
                    <label class="control-label">目标ip地址</label>
                    <div class="controls">
                        <input class="span7" type="text" name='ip' value="{{ ip }}" placeholder="example:192.168.1.1">
                      <span class="help-inline">Helpful text here.</span>
                    </div>
                  </div>
                  <div class="control-group">
                    <label class="control-label">选择发送网卡</label>
                    <div class="controls">
                      <select class="span3" name="ntc">
                          {% for ntc in ntcs %}
                          <option>{{ ntc }}</option>
                          {% endfor %}
                          <option selected="selected" value="{{ ntc }}">{{ ntc }}</option>
                      </select>
                    </div>
                  </div>
                  <div class="control-group">
                    <label class="control-label">MAC地址</label>
                    <div class="controls">
                        <input class="span7 tip" data-title="A tooltip for the input" type="text" value="{{ mac  }}">
                    </div>
                  </div>
                </form>
              </div>
            </div>
            <div class="widget-footer">
               <button class="btn btn-primary" form="get_mac" type="submit">提交</button>
            </div>
          </div>
        </div>  
      <!-- /Main window -->
{% endblock %}
